<template>
  <!-- 打捞筒推荐 -->
  <div>
    <a-list :data-source="dataSource" style="margin-left: 20px;">
      <template #renderItem="{ item }">
        <a-list-item :key="`a-${item.id}`">
          <template #actions>
            <a @click="showDrawer">查看详细信息</a>
          </template>
          <a-list-item-meta description="打捞筒型号">
            <template #title>
              <a>{{ item.applicableFishingRange }}mm</a>
            </template>
          </a-list-item-meta>
        </a-list-item>
      </template>
    </a-list>
    <TubeAdraw :salvageTube="props.salvageTube" ref="dataDrawerRef"></TubeAdraw>
  </div>
</template>
<script setup>
import TubeAdraw from '../drawer/TubeAdraw.vue';
const props = defineProps({
  salvageTube: {
    type: Object,
  },
});
const dataDrawerRef = ref(null);
const dataSource = ref([props.salvageTube])

function showDrawer() {
  dataDrawerRef.value.openDrawer();
}
</script>
